var tds = document.querySelectorAll("td")

for (let i = 0; i < tds.length; i++) {
    // 给单个表格添加click事件监听，当被点击时，先清除整个表格的所有的样式
    tds[i].addEventListener("click", function () {
        for (let j = 0; j < tds.length; j++) {
            tds[j].className = ""
        }
        // 给当前被点击的td添加类
        tds[i].classList.add("current")
        // 如果有下一个姐妹
        if (tds[i].nextElementSibling !== null)
            tds[i].nextElementSibling.classList.add("wrap")
        //如果有前一个姐妹
        if (tds[i].previousElementSibling !== null)
            tds[i].previousElementSibling.classList.add("wrap")
        // 如果有下一行，因为一行有10个所以%10
        // if (tds[i].parentElement.nextElementSibling !== null) {
        //     tds[i].parentElement.nextElementSibling.children[i % 10].classList.add("wrap")
        //
        // }
        // if (tds[i].parentElement.previousElementSibling !== null) {
        //     tds[i].parentElement.previousElementSibling.children[i % 10].classList.add("wrap")
        //
        //
        // }

    })

}